<#include "/res/jquery/jquery.mCustomScrollbar.min.css" >

<#include "/res/jquery/emoji/css/jquery.emoji.css" >

/*表情符*/
<#include "/im/site/emoji.css" >

/*图片上传*/
<#include "/im/site/ImgCropping.css" >


.layui-fixbar li {
    background-color: #009688!important;
    border-radius: 50px;
}

.layui-layer-prompt .layui-layer-content {
    padding: 5px;
}



.siteim_chat_panel_wrap {
    /* padding: 2px; */
    height: 100%;
    width: 100%;
    border: #ddd solid 1px;
    position: relative;
    box-sizing: border-box;
}

.siteim_chat_panel_wrap * {
    /* position: relative; */
    box-sizing: border-box;
}

.siteim_chat_panel_content {
    /* position: fixed;
    bottom: 0px;
    right: 0px; */
    /* height: 100%;
    width: 100%; */
    border-bottom: 1px solid #eee;
    /* background-color: #dff8f6; */
    height: calc(100% - 40px - 17px);
}

/**在线人数*/
#siteim_online_count_div{
    position: absolute;
    z-index: 9;
    background-color: #FF5722;
    color: #fff;
    /* width: 84px; */
    height: 30px;
    line-height: 30px;
    padding: 0px 5px;
    top: 110px;
    left: 1px;
    opacity: 0.8;
    cursor: pointer;
    /* border: #ddd 1px solid; */
    /* box-sizing: border-box; */


    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    
    /* border-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px; */
    /* border: #ddd 1px solid; */
}


/*聊天底部区*/

/*覆盖layim-chat-tool*/
.tiosite-im-tool {
    background-color: #f4f4f4;
    padding: 0px;
    /* color: #5FB878; */
    color: #555;
    height: 28px;
    line-height: 28px;
}

.tiosite-im-tool span {
    margin: 0 10px 0 0;
}

.siteim_chat_panel_bottom {
    /* height: 61px; */
    /* padding: 4px; */
    background-color: #f4f4f4;
}
/*聊天输入框*/
.siteim_chat_text {
    line-height: 30px;
    height: 30px;
    max-height: 30px;
    vertical-align: middle;
    resize: none;/*防右下角拖动*/
    width: calc(100% - 69px);
    margin-right: 0px;
    padding: 0px 4px;
    display: inline-block;
    /* border: #5FB878 1px solid; */
    border: #ddd 1px solid;
    border-left: none;
    border-right: none;
    background-color: #fff;
    overflow-x:hidden;
    overflow-y:hidden;
}
/*聊天发送按钮*/
.layui-btn-siteim-send {
    padding: 0 15px;
    margin: 0px;
    margin-left: -5px;
    height: 30px;
    line-height: 30px;
    width: 70px;
    /* border: #009688 2px solid;  */
    /* background-color: #1aac19; */
    background-color: #05c25e;
    color: #fefffb;
    border-radius: 0px;
    /* background-color: #666; */
    /* color: #333; */
}
/*聊天表情符按钮*/
.layui-btn-siteim-emoji {
    padding: 0 15px;
    margin: 0px;
    height: 30px;
    line-height: 32px;
    width: 70px;
    font-size: 36px;
}






.siteim_img_wrap {
    text-align: center;
}

.siteim_img {
    transition: all 0.6s;
    z-index: 99;
}

.siteim_img:hover {
    transform: scale(2.1);
    border-radius: 0px;
}




.group_chat_system {
    color: #FF5722;
    /* background-color: #FF5722; */
}

.group_chat_system a {
    color: #009688;
}

.layim-chat-mine .layim-chat-text .group_chat_system {
    color: #f5e3b6;
    /* background-color: #FF5722; */
}

.layim-chat-mine .layim-chat-text .group_chat_system a {
    color: #d2f3db;
}

.group_chat_blog_link {
    font-size: 14pt;
}






/*图片预览*/
#siteim_upload_imgs_preview_wrap {
    display: none;
    padding: 8px;
}
#siteim_upload_imgs_preview img{
    cursor: auto;
}


#p2pchat_wrap {
    /* box-sizing: border-box; */
}

/**
    content-box: 在内容宽度和高度之外绘制内边距和边框
    border-box:  在已设定的宽度和高度之内绘制设定元素的边框及内边距
*/
#p2pchat_wrap * {
    box-sizing: border-box;
}